{% extends "base.html" %}
{% block title %}Packs · {{ app_name }}{% endblock %}
{% block body %}
<h1>🐺 Packs <small class="hint">a Handler's pack, pack-mates, a collar — only what you tick <a class="doc" href="/guide/pack" title="the guide on this">📖</a></small></h1>

{% if memberships %}
<section class="card" id="mine">
  <h2>Your packs</h2>
  <ul class="plain">
  {% for m in memberships %}
    <li><a href="/pack/{{ m.pack_uid }}"><b>{{ m.name }}</b></a>
      <span class="badge {{ 'ok' if m.peer.status == 'active' else '' }}">{{ m.peer.status }}</span>
      {% if m.handler_kind != 'none' %}<small class="hint">handled by {{ m.handler_name or 'a Handler' }}
        ({{ 'signed that it is an AI Handler' if m.handler_kind == 'ai' else 'signed that they are a person' }})</small>
      {% else %}<small class="hint">no Handler — membership only</small>{% endif %}
      <small class="hint">den {{ m.fp }}</small>
      {% if m.gone %}<span class="badge">the den says this pack is over</span>{% endif %}
      {% if m.peer.last_error %}<small class="hint">⚠ {{ m.peer.last_error }}</small>{% endif %}</li>
  {% endfor %}
  </ul>
</section>
{% endif %}

{% if pack_hints %}
<section class="card" id="hints">
  <h2>Packs from your last box</h2>
  <p class="hint">Your pup.json said you were in {% for h in pack_hints %}<b>{{ h.name }}</b>{{ ', ' if not loop.last }}{% endfor %}.
    Packs do not travel in pup.json: the den still holds that membership through your old box, and
    refuses a new join until it is gone — <b>leave the pack from your old box</b>, or ask the pack's
    operator to remove that membership; then ask for a fresh tag.</p>
</section>
{% endif %}

{% if can_join %}
<section class="card" id="join">
  <h2>I have a tag</h2>
  <p class="hint">Paste the collar tag the den's operator gave you. It is checked on this box first —
    nothing is sent until you have read who is asking and said yes.</p>
  <form method="post" action="/pack/join/preview" class="stack">
    <input type="hidden" name="_t" value="{{ form_token('pack.preview') }}">
    <textarea name="tag" rows="4" required autocomplete="off" placeholder="latch-tag:1:…"></textarea>
    <button class="primary">Who is asking?</button>
  </form>
</section>
{% elif state == 'none' %}
<section class="card"><p class="hint">Make your <a href="/pup">Pup ID</a> first — a pack knows you by it.</p></section>
{% endif %}

{% if can_host or hosted_packs %}
<section class="card" id="host">
  <h2>Hosting</h2>
  {% for k in hosted_packs %}
    <p><a href="/pack/host/{{ k.pack_uid }}"><b>{{ k.name }}</b></a>
      <small class="hint">{{ 'handled by you' if k.handler_kind != 'none' else 'no Handler' }} ·
        members {{ k.approve }} · countersign {{ k.countersign }}{% if k.closed_at %} · closed{% endif %}</small></p>
  {% endfor %}
  {% if not public_url %}<p class="hint">⚠ Set this den's public address first (Settings → Packs) — a tag
    carries it, and your members' boxes post to it.</p>{% endif %}
  {% if can_host %}
  <form method="post" action="/pack/host" class="stack">
    <input type="hidden" name="_t" value="{{ form_token('pack.host') }}">
    <label>Name <input name="name" maxlength="60" required></label>
    <label>Handled by <select name="handler"><option value="me">you</option><option value="none">nobody — membership only</option></select></label>
    <label>New members <select name="approve"><option value="manual">wait for me</option><option value="auto">in at once (never a collar)</option></select></label>
    <label>Countersigning <select name="countersign"><option value="manual">I click</option><option value="auto">automatic</option></select></label>
    <button>Host a pack</button>
  </form>
  {% endif %}
</section>
{% endif %}

<section class="card"><p class="hint">{{ egress }}</p></section>
{% endblock %}